{% extends "Cars/sidebar.html" %}
{%  block content %}
    <script>
        $(function() {
            $( "#id_orgDate" ).datepicker();
        });
    </script>
    <script>
        $(function() {
            $( "#id_expDate" ).datepicker();
        });
    </script>
        <table class="table table-hover table-condensed table-striped">
            `
            <tr>
                <th> Car </th><td></td>

            </tr>
            <tr>
                <td>

                    {{ car }}
                </td><td></td>
            </tr>
            <tr>

                <th> Document Name </th><td></td>

            </tr>
            <tr>
                <td>{{ doc.name }}</td><td></td>
            </tr>
            <tr>
                <th> Preview </th><th></th>
            </tr>
            <tr>
                <td><a href="{{ doc.document.url }}"> Download </a></td><td></td>
            </tr>
            <tr>
                <th> Desc </th><td></td>
            </tr>
            <tr>
                <td>{{ doc.details }}</td><td></td>
            </tr>
            <tr>
                <th> Original Date</th>
                <th> Expiry Date</th>
            </tr>
            <tr>
                <td>{{ doc.orgDate }}</td>
                <td>{{ doc.expDate }}</td>
            </tr>
            <tr>
                <th> Hijri Original Date</th>
                <th> Hijri Expiry Date</th>
            </tr>
            <tr>
                <td>{{ doc.arabic_org_day }}/{{ doc.arabic_org_month }}/{{ doc.arabic_org_year}}</td>
                <td>{{ doc.arabic_exp_day }}/{{ doc.arabic_exp_month }}/{{ doc.arabic_exp_year }}</td>
            </tr>
            <tr>
                <th>Archive</th><td></td>

            </tr>
            <tr>
                <td>
                    {{ doc.archive }}
                </td><td></td>
            </tr>


        </table>


{% endblock %}